<template>
	<header class="rs-header .header-transparent">
		<div class="leftImg">
			<img src="@/assets/images/public/logo3.png" />
		</div>
			
		<div>
			<nav>
				<ul>
					<li><router-link to="/">Home</router-link></li>
					<li><router-link to="/about">ABOUT</router-link></li>
					<li>SERVICE</li>
					<li>PORTFOLIOS</li>
					<li>BLOG</li>
					<li>CONTACT</li>
				</ul>
			</nav>
		</div>
		<div class="rightIcon">
			<i class="fa fa-search fa-2x"></i>
			<i class="fa fa-reorder fa-2x"></i>
		</div>
</header>
<router-view/>
</template>
<script>
export default {
  name: 'headerBar',
}
</script>
<style>

</style>
